<div nz-row class="sumCurr">
  <!-- <div nz-row style="text-align: center;background: #fff;margin: 10px 1%">
        <h1>电梯安全动态监管系统数据统计</h1>
    </div> -->

  <div style="margin:.5% 1%;margin-bottom: 10px;padding: 15px 0;">


    <div class="gutter-example">
      <div nz-row [nzGutter]="8">
        <div nz-col class="gutter-row" [nzSpan]="12">
          <div class="gutter-box">
            <h3>
              <i class="anticon anticon-user" style="color:#ff4100"></i>&nbsp;公众反馈数(今日/本季):&nbsp;&nbsp;<span style="font-weight: 500;color:rgba(0, 0, 0, 0.85);font-size:14px;">{{dayFeedback}}/{{quarterFeedback}}条</span>
            </h3>
          </div>
        </div>
        <div nz-col class="gutter-row" [nzSpan]="12">
          <div class="gutter-box">
            <h3>
              <i class="anticon anticon-phone" style="color:#117ade"></i>&nbsp;应急救援数:(今日/本季):&nbsp;&nbsp;<span style="font-weight: 500;color:rgba(0, 0, 0, 0.85);font-size:14px;">{{dayRescue}}/{{quarterRescue}}条</span>
            </h3>
          </div>
        </div>
      </div>
    </div>
  </div>

  <!--电梯安全保障工作落实情况-->
  <div style="margin:0 1%">
    <div class="gutter-example">
      <div nz-row [nzGutter]="8">
        <div nz-col class="gutter-row" [nzSpan]="24">
          <nz-card>
            <ng-template #title>
              电梯安全保障工作落实情况
            </ng-template>
            <ng-template #body>
              <div nz-row [nzGutter]="24">
                <!-- <h3>电梯安全保障工作落实情况</h3> -->
                <div echarts [options]="option5"></div>
              </div>
              <div nz-row [nzGutter]="24">
                <nz-table #nzTable [nzDataSource]="table" [nzIsPagination]="false">
                  <thead nz-thead>
                    <tr>
                      <th nz-th style="text-align: center">
                        <span style="width: 33%;display: inline-block">\</span>
                        <span style="width: 33%;display: inline-block">安全巡查(台)</span>
                        <span style="width: 33%;display: inline-block">日常维保(台)</span>
                      </th>
                    </tr>
                  </thead>
                  <tbody nz-tbody>
                    <tr nz-tbody-tr>
                      <td nz-td style="text-align: center">
                        <span style="width: 33%;display: inline-block">当日工作落实</span>
                        <span style="width: 33%;display: inline-block">{{dayInspNum}}</span>
                        <span style="width: 33%;display: inline-block">{{dayMaintNum}}</span>
                      </td>
                    </tr>
                    <tr nz-tbody-tr>
                      <td nz-td style="text-align: center">
                        <span style="width: 33%;display: inline-block">本季度累计落实</span>
                        <span style="width: 33%;display: inline-block">{{quarterInspNum}}</span>
                        <span style="width: 33%;display: inline-block">{{quarterMaintNum}}</span>
                      </td>
                    </tr>
                    <tr nz-tbody-tr>
                      <td nz-td style="text-align: center">
                        <span style="width: 33%;display: inline-block">本年度累计落实</span>
                        <span style="width: 33%;display: inline-block">{{yearInspNum}}</span>
                        <span style="width: 33%;display: inline-block">{{yaerMaintNum}}</span>
                      </td>
                    </tr>
                  </tbody>
                </nz-table>
              </div>
            </ng-template>
          </nz-card>
        </div>
      </div>
    </div>
  </div>

  <!--电梯事故隐患排除情况-->
  <div style="margin:1%">
    <div class="gutter-example">
      <div nz-row [nzGutter]="8">
        <div nz-col class="gutter-row" [nzSpan]="24">
          <nz-card>
            <ng-template #title>
              电梯事故隐患排除情况
            </ng-template>
            <ng-template #body>
              <div nz-row [nzGutter]="24">
                <!-- <h3>电梯事故隐患排除情况</h3> -->
                <div echarts [options]="option6"></div>
              </div>
              <div nz-row [nzGutter]="24">
                <nz-table #nzTable [nzDataSource]="countRepairRet" [nzIsPagination]="false">
                  <thead nz-thead>
                    <tr>
                      <th nz-th *ngFor="let data of countRepairRet" style="text-align: center">
                        <span>{{data.partyName}}</span>
                      </th>
                    </tr>
                  </thead>
                  <tbody nz-tbody>
                    <tr nz-tbody-tr>
                      <td nz-td *ngFor="let data of countRepairRet" style="text-align: center">
                        <span>{{data.dayRepairNum}}</span>
                      </td>
                    </tr>
                    <tr nz-tbody-tr>
                      <td nz-td *ngFor="let data of countRepairRet" style="text-align: center">
                        <span>{{data.quarterRepairNum}}</span>
                      </td>
                    </tr>
                    <tr nz-tbody-tr>
                      <td nz-td *ngFor="let data of countRepairRet" style="text-align: center">
                        <span>{{data.yearRepairNum}}</span>
                      </td>
                    </tr>
                  </tbody>
                </nz-table>
              </div>
            </ng-template>
          </nz-card>
        </div>
      </div>
    </div>
  </div>

  <!--电梯安全保障工作超期情况-->
  <div style="margin:1%">
    <div class="gutter-example">
      <div nz-row [nzGutter]="8">
        <div nz-col class="gutter-row" [nzSpan]="24">
          <nz-card>
            <ng-template #title>
              电梯安全保障工作超期情况
            </ng-template>
            <ng-template #body>
              <div nz-row [nzGutter]="24">
                <!-- <h3>电梯安全保障工作超期情况</h3> -->
                <div echarts [options]="option7"></div>
              </div>
              <div nz-row [nzGutter]="24">
                <nz-table #nzTable [nzDataSource]="CountMaintRet" [nzIsPagination]="false">
                  <thead nz-thead>
                    <tr>
                      <th nz-th *ngFor="let data of CountMaintRet" style="text-align: center">
                        <span>{{data.partyName}}</span>
                      </th>
                    </tr>
                  </thead>
                  <tbody nz-tbody>
                    <tr nz-tbody-tr>
                      <td nz-td *ngFor="let data of CountMaintRet" style="text-align: center">
                        <span>{{data.dayMaintNum}}</span>
                      </td>
                    </tr>
                    <tr nz-tbody-tr>
                      <td nz-td *ngFor="let data of CountMaintRet" style="text-align: center">
                        <span>{{data.quarterMaintNum}}</span>
                      </td>
                    </tr>
                    <tr nz-tbody-tr>
                      <td nz-td *ngFor="let data of CountMaintRet" style="text-align: center">
                        <span>{{data.yearMaintNum}}</span>
                      </td>
                    </tr>
                    <tr nz-tbody-tr>
                      <td nz-td *ngFor="let data of CountMaintRet" style="text-align: center">
                        <span>{{data.dayCheckNum}}</span>
                      </td>
                    </tr>
                    <tr nz-tbody-tr>
                      <td nz-td *ngFor="let data of CountMaintRet" style="text-align: center">
                        <span>{{data.quarterCheckNum}}</span>
                      </td>
                    </tr>
                    <tr nz-tbody-tr>
                      <td nz-td *ngFor="let data of CountMaintRet" style="text-align: center">
                        <span>{{data.yearCheckNum}}</span>
                      </td>
                    </tr>
                  </tbody>
                </nz-table>
              </div>
            </ng-template>
          </nz-card>
        </div>
      </div>
    </div>
  </div>

</div>
